{% extends 'base.html' %}

{% block title %}
    RPC测试页面
{% endblock title %}

{% block js %}
    <!-- 加载ajax的JS文件-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
{% endblock js %}

{% block body %}
    <div class="container-fluid">
      <h1>RPC测试页面</h1>
      {# class="mypanel" JavaScript填入信息的位置 #}
      <div class="mypanel"></div>

        <script>
        // setInterval + 最后的1000,设置刷新周期
        setInterval(function() {
        // 使用getJSON获取URI '/rpcdatetime/'的JSON数据
        $.getJSON('/rpcdatetime/',
            // 处理function获得的data
            function(data) {
            // 提取data中的datetime键对于的值,赋值给text
            text = data.datetime
            // 转换text为html写入 <div class="mypanel"></div>
            $(".mypanel").html(text);
        });
        }, 1000 )
        </script>
    </div>

{% endblock body %}



